<head>
  <meta name='layout' content='doc2'/>
  <title>Login</title>
  <style type='text/css' media='screen'>
  #login {
    margin: 15px 0px;
    padding: 0px;
    text-align: left;
    height: 500;
  }

  #login .inner {
    width: 350px;
    margin: 0px auto;
    text-align: left;
    padding: 10px;
    background-color: #EEF;
  }

  #login .inner .fheader {
    margin: 10px 0px 10px 0;
    color: #2e3741;
    font-size: 16px;
    font-weight: bold;
  }

  #login .inner .cssform input[type ='text'] {
    width: 180px;
    padding: 0px 0px 5px 0px;
  }

  #login .inner .cssform input[type ='password'] {
    width: 180px;
  }

  #login .inner .cssform label {
    font-weight: normal;
    cursor: pointer;
    line-height: 1.22em;
    padding: 0px;
    margin: 0px;
  }

  #login .inner .login_message {
    color: red;
  }

  #login .inner .text_ {
    width: 120px;
  }

  #login .inner .chk {
    height: 12px;
  }

  th {
    padding: 0px;
  }

  td {
    padding: 0px 0px 16px;
  }

  .tip {
    font-size: 11px;
  }

  #babyshow {
	margin: 40px auto 200px auto;
	padding: 15px;    
  }
  .babyImg {
    float: left;
    padding: 0px 15px 0px 0px;
  }

  .babyimg img {
    width:200px;
  }
  .babyc {
    float: left;
    width:200px;
  }
  .babyn {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #666666;
  }
  .babyp {
    color: #666666;
    padding-bottom: 10px;
  }
  .babya {
    border: #cccccc solid;
    border-width: 1px 0 0 0;
    padding-top:5px;
    color: #666666;    
  }
  </style>
</head>

<body>
<div class="yui-g">
  <div class="yui-u first">

    <div id="babyshow">
      <div class="babyImg">
        <img src="http://cn.babycenter.com/i/birth_show/jiaqi080522/1.jpg"/>
      </div>
      <div class="babyc">
        <div class="babyn">
            王家祺
        </div>
        <div class="babyp">
            出生体重：3.45kg<br/>
            出生身长：50CM<br/>
            出生地：湖南省长沙市<br/>
            爸爸：王明宇<br/>
            妈妈：周琳<br/>
        </div>
        <div class="babya">
          <g:link controller="b" action="show" id="1">浏览主页</g:link>
        </div>
      </div>
      <div style="clear:both;">
      </div>
    </div>

  </div>
  <div class="yui-u">
    <div id='login'>
      <div class='inner'>
        <g:if test='${flash.message}'>
          <div class='login_message'>${flash.message}</div>
        </g:if>
        <div class='fheader'>请登录亲亲网</div>
        <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
          <table>
            <tr><th><label for='j_username'>用户名</label><th></tr>
            <tr>
              <td>
                <input type='text' class='text_' name='j_username' id='j_username' value='${request.remoteUser}'/>
                <div class="tip">(例如﹕ liguoqiang)</div>
              </td>
            </tr>
            <tr><th><label for='j_password'>密码</label></th></tr>
            <tr>
              <td><input type='password' class='text_' name='j_password' id='j_password'/></td>
            </tr>

            <tr>
              <td>
                <input style="float: left; margin:0px 5px 0px 0px;" type='checkbox' class='chk' name='_spring_security_remember_me' id='remember_me' <g:if test='${hasCookie}'>checked='checked'</g:if>/>
                <label for='remember_me'>
                  记住我?<br/>
                  <span class="tip">两个星期内我自动登录。</span>
                </label>
                <span class="tip">[若在公共场合使用，切勿选择。]</span>
              </td>
            </tr>
            <tr>
              <td><p style="text-align: right;"><input type='submit' value='登录 >>' class="btnGrey"/></p></td>
            </tr>
            <tr><td>忘记密码？<g:link controller="register" action="forget">获取您的密码</g:link></td></tr>
            <tr>
              <td>
                <span style="color:#333333;font-size:16px;font-weight: bold;">还没有注册？</span> <br/>
                <span>注册十分容易，而且完全免费!</span>
              </td>
            </tr>
            <tr><td style="text-align: right;"><g:link controller="register">注册</g:link></td></tr>
          </table>
        </form>
      </div>
    </div>

  </div>
</div>
<script type='text/javascript'>
  <!--
  (function() {
    document.forms['loginForm'].elements['j_username'].focus();
  })();
  // -->
</script>
</body>
